import { Outlet, useNavigate } from "react-router-dom"

const Home=()=>{
    // 定义路由跳转的对象
    const navigate=useNavigate()

    const clickBtn=()=>{
        // 编程式跳转
        // navigate("/about/2")
        navigate("/about",{
            // 隐式传递的参数
            state:{
                username:"张三",
                age:18
            },
            replace:true // 是否替换当前页面
        })
    }

    return (
        <>
            <div>Home</div>
            <button onClick={clickBtn}>跳转到about页面</button>
            <Outlet />
        </>
    )
}

export default Home